<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>考试解析</title>
</head>

<body>
    <header class="container">
        <div class="box">
            <div class="left">
                <div class="logo">

                </div>
                <span>蜗牛考试系统 </span>
            </div>
            <div class="right">
                <div class="circle">

                </div>
                <span id="firstName">蜗牛测试账号</span>
                <div class="logo"></div>
            </div>
        </div>
    </header>
    <main class="examProcess container inExam">
        <header>
            <a href="#"><span class="back-icon"></span> <span>返回</span>
            </a>
            <h3 id="title">2021年第三季度Vue.js考试解析</h3>
              <div class="jiexi">解析</div>
        </header>
        <div class="inExam-questions carousel slide" id="subjects" data-wrap="false" data-interval=false>
            <div class="left-questions carousel-inner">
                <!-- 每道题目动态生成 注意qusetion（编号） -->
                <div class="carousel-item question1 active">
                    <h3>
                        <span>第一题单选题</span>
                        <div>第<span>1</span> 题/共<span>30</span>题</div>
                    </h3>
                    <dl>
                        <dt>题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目</dt>
                        <dd><span>A</span><span>答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案</span></dd>
                        <dd class="activeErr"><span>B</span><span>答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案</span></dd>
                        <dd class="activeYes"><span>C</span><span>答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案</span></dd>
                        <dd><span>D</span><span>答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案</span></dd>
                    </dl>
                    <div class="keyanswer">
                        <p>
                            <span>考生答案:</span>
                            <span>B</span>
                            <span class="isCorrect"></span>
                        </p>
                        <p>
                            <span>正确答案:</span>
                            <span class="corG">B</span>

                        </p>
                        <p>
                            <span>解析:</span>
                            <span class="col9">正确答案正确答案正确答案正确答案正确答案</span>
                        </p>
                    </div>
                    <div class="begin-test"> <button class="testBtn">下一题</button></div>
                </div>
                <div class="carousel-item question2">
                    <h3>
                        <span>第二题单选题</span>
                        <div>第<span>1</span> 题/共<span>30</span>题</div>
                    </h3>
                    <dl>
                        <dt>题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目</dt>
                        <dd><span>A</span><span>答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案</span></dd>
                        <dd class="activeErr"><span>B</span><span>答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案</span></dd>
                        <dd class="activeYes"><span>C</span><span>答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案</span></dd>
                        <dd><span>D</span><span>答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案</span></dd>
                    </dl>
                    <div class="keyanswer">
                        <p>
                            <span>考生答案:</span>
                            <span>B</span>
                            <span class="isCorrect isYes"></span>
                        </p>
                        <p>
                            <span>正确答案:</span>
                            <span class="corG">B</span>

                        </p>
                        <p>
                            <span>解析:</span>
                            <span class="col9">正确答案正确答案正确答案正确答案正确答案</span>
                        </p>
                    </div>
                    <div class="begin-test"> <button class="testBtn">下一题</button></div>
                </div>
                <div class="carousel-item question3">
                    <h3>
                        <span>第三题单选题</span>
                        <div>第<span>1</span> 题/共<span>30</span>题</div>
                    </h3>
                    <dl>
                        <dt>题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目</dt>
                        <dd><span>A</span><span>答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案</span></dd>
                        <dd class="activeErr"><span>B</span><span>答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案</span></dd>
                        <dd class="activeYes"><span>C</span><span>答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案</span></dd>
                        <dd><span>D</span><span>答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案</span></dd>
                    </dl>
                    <div class="keyanswer">
                        <p>
                            <span>考生答案:</span>
                            <span>B</span>
                            <span class="isCorrect"></span>
                        </p>
                        <p>
                            <span>正确答案:</span>
                            <span class="corG">B</span>

                        </p>
                        <p>
                            <span>解析:</span>
                            <span class="col9">正确答案正确答案正确答案正确答案正确答案</span>
                        </p>
                    </div>
                    <div class="begin-test"> <button class="testBtn">下一题</button></div>
                </div>
            </div>
            <div class="right-num">
                <p><span>考试成绩:</span><span id="testScore">98</span>分</p>
                <p><span>考试时长:</span><span>115分钟</span></p>
                <p class="answer-card"><span>答题卡:</span><span class="corR">错误13题</span></p>
                <div class="anwer-btns analy" id="anwer-btns">
                    <!-- button动态生成(注意id 不同)，如果正确就right-icon,错误wrong-icon -->
                    <button class="inTheAns first" type="button" id="question1-btn">
                            1
                            <span class="right-icon"></span>
                        </button>
                    <button class="" type="button" id="question2-btn">
                            2
                            <span class="wrong-icon"></span>
                        </button>
                    <button class="" type="button" id="question3-btn">3
                            <span class="right-icon"></span>
                        </button>
                    <button class="" type="button" id="question4-btn">4
                            <span class="right-icon"></span>
                        </button>
                    <button class="" type="button" id="question5-btn">5
                            <span class="wrong-icon"></span>
                        </button>
                    <button class="" type="button" id="question6-btn">6
                            <span class="wrong-icon"></span>
                        </button>

                </div>

            </div>
        </div>
    </main>
</body>

</html>